import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 决定是否显示登录框 一开始默认为false
    isShowLoginBox:false ,
    // 这个数据是toast组件的提示信息  以下三个是toast里面三个属性 内容 状态 图标
    toastMsg:'菜菜最可爱',
    // 是否显示toast组件
    isShowToast:false,
    // 提示组件的默认图标
    toastIcon:'icon-toast-shibai_huaban',
    userInfo:{},
    topHeadKey:0
  },
  mutations: {
    // 修改显示登录框的状态
    modifyShowLogin(state,payload){
      state.isShowLoginBox=payload
    },
    // 也可以写成下面这样 方便调用
    // isShowLoginBox(){
    //   state.isShowLoginBox=true
    // },
    // hideLoginBox(){
    //   state.isShowLoginBox=false
    // },
    // 用于决定 toast是否显示的一个方法
    modifyShowToast(state,payload){
      // payload可以是一个对象 包含提示文字：msg 
      state.isShowToast=true
      state.toastMsg=payload.msg
      state.toastIcon=payload.type
    },

    modifyHideToast(state){
      // payload可以是一个对象 包含提示文字：msg 
      state.isShowToast=false
    },
    updataInfo(state,payload){
      state.userInfo=payload
    },
    updateTopHeadKey(state){
      state.topHeadKey++
    }

  },
  actions: {
  },
  modules: {
  }
})
